{% extends "admin/_layouts/login_register.twig" %}

{% block body %}

    <div class="register-box">
      <div class="register-logo">
        <a href="/">{{ _globals.config.name }}</a>
      </div>

      <div class="register-box-body">
        <p class="login-box-msg">{{ _globals.lang.regNewUser }}</p>
        <form action="{{ _globals.config.urls.register }}" method="post">

          <!-- add global csrf field -->
          {{ _globals.helper.csrfField() | raw }}

          <div class="form-group has-feedback">
            <input type="text" class="form-control" placeholder="Username" name="username">
            <span class="glyphicon glyphicon-user form-control-feedback"></span>
          </div>
          <div class="form-group has-feedback">
            <input type="email" class="form-control" placeholder="Email" name="email">
            <span class="glyphicon glyphicon-envelope form-control-feedback"></span>
          </div>
          <div class="form-group has-feedback">
            <input type="password" class="form-control" placeholder="Password" name="password">
            <span class="glyphicon glyphicon-lock form-control-feedback"></span>
          </div>
          <div class="form-group has-feedback">
            <input type="password" class="form-control" placeholder="Retype password" name="rePassword">
            <span class="glyphicon glyphicon-log-in form-control-feedback"></span>
          </div>
          <div class="row">
            <div class="col-xs-8">
              <div class="checkbox icheck">
                <label>
                  <input type="checkbox" name="argeeTerms"> I agree to the <a href="#">terms</a>
                </label>
              </div>
            </div><!-- /.col -->
            <div class="col-xs-4">
              <button type="submit" class="btn btn-primary btn-block btn-flat">{{ _globals.lang.register }}</button>
            </div><!-- /.col -->
          </div>
        </form>

        <div class="social-auth-links text-center">
          <p>- OR -</p>
          <a href="#" class="btn btn-block btn-social btn-facebook btn-flat"><i class="fa fa-facebook"></i> Sign up using Facebook</a>
          <a href="#" class="btn btn-block btn-social btn-google btn-flat"><i class="fa fa-google-plus"></i> Sign up using Google+</a>
        </div>

        <a href="{{ _globals.config.urls.login }}" class="text-center">{{ _globals.lang.haveAccount }}</a>
      </div><!-- /.form-box -->
    </div><!-- /.register-box -->
{% endblock %}
